最近项目做跟视频有关的，一个是直播，一个是播放视频。使用video标签。视频直播有很多协议，rtmp、rtsp、hls等就自己去了解，业务有做到就会了解一些。 公司经过软硬件测试，发现目前公司使用rtmp流直播延迟是最小的，rtmp需要fl ...

背景：项目打包后，发现vendor.js不算大，而vendor.js.map很大，导致发布生产环境文件超限制 static/js/vendor.5b2373a0266a53420600.js 715 kB 0 [em ...

微信订阅号：Rabbit_svip Array.from 方法用于将两类对象转换为真正的数组： 1、类似数组的对象，可以理解为“伪数组” 2、可遍历对象（比如字符串） 什么是伪数组？ 伪数组都有一个基本的特点：必须有 length 属性。 ...

从这篇文章开始来介绍开发过程，代码所在地：https://gitee.com/underline/DataMock-Electron.git。介绍下前置条件哈：vscode、electron、mock.js、vue、elementUI、c ...

一、原始写法 模块封装在function中 缺点: 污染了全局变量，无法保证不与其他模块发生变量名冲突，而且模块成员之间看不出直接关系。 模块封装在对象里 缺点: 所有模块成员，内部状态可以被外部改写 立即执行函数写法: 模块封装在立即执行 ...

先简单列一下在实现树组件的过程中一些值得关注的节点。 ~ 如何调用组件自身 由于树是一个递归的数据结构，必然需要对组件自身的递归调用。 我们只需给组件指定name属性，即可以在组件内部直接使用。此处需要注意的是每次调用都会生成一个独立的作用 ...

CSS 布局本质就是控制元素的位置和大小。比如这样的布局：元素宽960px，水平居中。宽960px是大小。水平居中是位置。又如这样的布局：两个元素在一行，左侧元素固定宽200px，右侧元素撑满剩余空间。固定宽200px，撑满剩余空间是大小。 ...

1. 防抖函数 1.1 防抖定义： 函数防抖（debounce）：当持续触发事件时（例如mousemove），一定时间段内没有再触发事件，事件处理函数才执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 1.2 不做防抖的 ...

前言 本文2433字，阅读大约需要10分钟。 总括: 本文介绍了尾调用，尾递归的概念，结合实例解释了什么是尾调用优化，并阐述了尾调用优化如今的现状。 参考文章：尾递归的后续探究 公众号：「前端进阶学习」，回复「666」，获取一揽子前端技术 ...

列表拖拽转换的例子 今天看到有些表格中能够通过拖动来换行，手动排序的功能，想来自己实现一下，类似效果如下 image 主要解决问题的办法 drag元素 clientX和clientY 动画元素animition 解决思路 委托外部元素监听内 ...